// 1. 从依赖包中导入路由函数 createRouter 和 createWebHistory。
import { createRouter, createWebHistory } from "vue-router";

// 2. 从其他文件导入路由组件。
import HomePage from "./pages/HomePage.vue";
import LoginPage from "./pages/LoginPage.vue";


// 3. 定义一些路由。每个路由都需要映射到一个组件。
const routes = [
    {
        path: "/home",
        name: "HomePage",
        component: HomePage,
    },
    {
        path: "/login",
        name: "LoginPage",
        component: LoginPage,
    }
];

// 4. 使用 createRouter 方法创建一个路由实例 router
const router = createRouter({
    history: createWebHistory(),
    routes, // `routes: routes` 的缩写
});

// 5. 导出路由对象。
export default router;